import React from 'react'
import { NavBar, InputItem, TextareaItem, Button } from 'antd-mobile'
import AvatarSelector from '@/component/avatar-selector/avatar-selector'
import { connect } from 'react-redux'
import { update } from '@/redux/user.redux'
import { Redirect } from 'react-router-dom'

@connect(
    state => state.user, {
        update
    })

class GeniusInfo extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            'title': '',
            'desc': ''
        }
    }

    onChange(key, val) {
        this.setState({
            [key]: val
        })
    }

    render() {
        const path = this.props.location.pathname
        const redirect = this.props.redirectTo
        return (
            <div>
            	{redirect && redirect !== path ? <Redirect to={redirect} /> : null}
		<NavBar mode="dark" >实习生完善信息页</NavBar>
		<AvatarSelector selectAvatar={(imgname) => {
                this.setState({
                    avatar: imgname
                })
            }}
            />
		<InputItem onChange={(v) => this.onChange('title', v)}>求职岗位</InputItem>
		<TextareaItem
            onChange={(v) => this.onChange('desc', v)}
            rows={3}
            autoHeight
            title='个人简介'
            />
		<Button type="primary" onClick={() => {
                this.props.update(this.state)
            }}>保存</Button>
	    </div>
        )
    }
}

export default GeniusInfo